.uploadSection {
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex: 1;
    background: rgba(100, 100, 100, 0.1);
    background-image:
        /* 顶部 */
        linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, transparent 50%),
        /* 右侧 */
        linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, transparent 50%),
        /* 底部 */
        linear-gradient(to left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, transparent 50%),
        /* 左侧 */
        linear-gradient(to top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 50%, transparent 50%);
    background-size:
        10px 1px,
        /* 顶部虚线 */
        1px 10px,
        /* 右侧虚线 */
        10px 1px,
        /* 底部虚线 */
        1px 10px;
    /* 左侧虚线 */

    background-position:
        top left,
        /* 顶部位置 */
        top right,
        /* 右侧位置 */
        bottom left,
        /* 底部位置 */
        top left;
    /* 左侧位置 */

    background-repeat:
        repeat-x,
        /* 顶部重复 */
        repeat-y,
        /* 右侧重复 */
        repeat-x,
        /* 底部重复 */
        repeat-y;
    /* 左侧重复 */

    border-radius: 4px;

    .uploadPlaceholder {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;

        .uploadIcon {
            width: 18px;
            height: 18px;
            margin-bottom: 3px;
        }

        .uploadText {
            color: rgba(255, 255, 255, 0.5);
            font-size: 12px;
            line-height: 17px;
            cursor: default;

            span {
                color: rgba(249, 251, 252, 1);
                cursor: var(--pointer);
            }
        }
    }

    .resultsImgList {
      display: flex;
      flex-wrap: wrap;
      gap: 32px;

      
    }
    :global(.semi-upload-drag-area-custom) {
        height: 100%;
    }
    .resultsImgItem {
        width: 100%;
        aspect-ratio: 1;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        cursor: var(--pointer);

        &:hover {
          .maskLayer {
            display: block;
          }
        }

        .maskLayer {
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 10;
          background: rgba(0, 0, 0, 0.5);

          .maskTool {
            width: 100%;
            height: 100%;
            display: flex;
            gap: 8px;
            font-size: 0;
            // position: absolute;
            // right: 8px;
            // top: 8px;
            justify-content: center;
            align-items: center;
            cursor: default;

            .maskLayerImg {
              width: 18px;
              height: 18px;
              cursor: var(--pointer);
            }
          }

          .maskEdit {
            display: flex;
            align-items: center;
            // background: rgba(0, 0, 0, 0.5);
            width: 100%;
            height: 32px;
            justify-content: center;
            gap: 4px;
            font-size: 12px;
            position: absolute;
            bottom: 0px;
            left: 0px;
            border-radius: 4px;

            .maskleft {
              display: flex;
              align-items: center;
              width: 90px;
              height: 28px;
              justify-content: center;
              line-height: 20px;
              gap: 4px;
              padding: 0 12px;
              cursor: default;
            }

            .maskSeparate {
              width: 1px;
              height: 14px;
              background: rgba(255, 255, 255, 0.2);
            }

            .maskRight {
              display: flex;
              align-items: center;
              width: 90px;
              height: 28px;
              justify-content: center;
              line-height: 20px;
              gap: 4px;
              padding: 0 12px;
              cursor: var(--pointer);
            }

            .maskLayerImg {
              width: 12px;
              height: 12px;
              font-size: 0;
            }
          }
        }

        .img {
          width: 100%;
          height: 100%;
        }
      }
}

// Upload组件样式优化
.uploadMultiSize {
    width: 100%;
    height: 100%;
    max-width: 145px;
    max-height: 118px;
}

.uploadLayerSize {
    min-width: 145px;
    min-height: 80px;
    max-width: 145px;
    max-height: 80px;
}

.uploadFullSize {
    max-width: 100%;
    max-height: 100%;
}